<!-- common start -->
#include("common.html")
<!-- common end -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的网站</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="order by dede58.com" />
    <meta name="viewport" content="width=1380">
    <link href="#(tpath)/static/css/aos.css" rel="stylesheet">
    <link href="#(tpath)/static/css/style.css" rel="stylesheet">
    <link href="#(tpath)/static/css/common.css" rel="stylesheet">
    <script src="#(tpath)/static/js/jquery.js"></script>
    <script src="#(tpath)/static/js/jquery.superslide.2.1.1.js"></script>
    <script src="#(tpath)/static/js/common.js"></script>
</head>
<body>
<!-- header start -->
#include("header.html")
<!-- header end -->
<!--幻灯片大图开始-->
<div id="banner_main" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
    <div id="banner" class="banner">
        <ul class="list clearfix">
            #slide_list(count=5,gid=1)
            #for(slide : slides)
            <li><a href="#(slide.url)"><img src="#(slide.image)" alt="#(slide.title)"/></a></li>
            #end
            #end
        </ul>
        <div class="tip"></div>
        <a href="javascript:;" id="btn_prev" class="icon"></a> <a href="javascript:;" id="btn_next" class="icon"></a>
        <div class="banner_mask"></div>
    </div>
</div>
<!--幻灯片大图结束-->
<div class="index">
    <!--产品展示开始-->
    <div id="floor_1_main">
        <div class="floor_1 w1200">
            <div class="in_title" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <p class="entit">PRODUCT</p>
                <h3 class="tit">产品中心</h3>
            </div>
            <div class="cont" id="irepro">
                <!--产品分类开始-->
                <div class="top clearfix" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">
                    #category_children_list(categoryId=1101)
                    #for(category : categorys)
                    <h3><a href="#(category.path)" title="#(category.name)">#(category.name)</a></h3>
                    #end
                    #end
                </div>
                <!--产品分类结束-->
                <div class="imglist" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="300">
                    <div class="gridlist">
                        <ul class="list clearfix">
                            #content_list(count=8,categoryId=1101)
                            #for(content : contents)
                            <li class="item"><a href="#(content.path)" title="#(content.title)"><img src="#(content.ico)"/>
                                <div class="txt">
                                    <h3>#(content.title)</h3>
                                </div>
                            </a></li>
                            #end
                            #end
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--产品展示结束-->
    <!--四大优势开始-->
    <div id="floor_2_main" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
        <div class="floor_2 w1200 clearfix">
            <div class="four_odds"> <div class="title" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <h3 class="tit">四大产品优势</h3>
                <p class="subtit">选择某某渔网，您的品质之选！</p>
            </div>
                <div class="iadvantage">
                    <ul class="list clearfix">
                        <li class="it1" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="300">
                            <h3 class="tit"><em></em>适鱼性强、增产较佳</h3>
                            <p class="cont">适用于深海、浅海、江河、湖泊、水库、池塘和沟渠的捕捞、养殖作业，长期以品质优良、价格合理、交货及时、诚实守信，赢得海内外客户青睐。</p>
                        </li>
                        <li class="it2" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="300">
                            <h3 class="tit"><em></em>网结紧固、尺寸准确</h3>
                            <p class="cont">适用于深海、浅海、江河、湖泊、水库、池塘和沟渠的捕捞、养殖作业，长期以品质优良、价格合理、交货及时、诚实守信，赢得海内外客户青睐。</p>
                        </li>
                        <li class="it3" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="300">
                            <h3 class="tit"><em></em>结构合理、规格齐全</h3>
                            <p class="cont">适用于深海、浅海、江河、湖泊、水库、池塘和沟渠的捕捞、养殖作业，长期以品质优良、价格合理、交货及时、诚实守信，赢得海内外客户青睐。</p>
                        </li>
                        <li class="it4" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="300">
                            <h3 class="tit"><em></em>颜色鲜艳、使用寿命长</h3>
                            <p class="cont">适用于深海、浅海、江河、湖泊、水库、池塘和沟渠的捕捞、养殖作业，长期以品质优良、价格合理、交货及时、诚实守信，赢得海内外客户青睐。</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--四大优势结束-->
    <!--小banner开始-->
    <div class="index_slip">
        <div class="slip w1200" aos="fade-up" aos-easing="ease" aos-duration="700">
            <div class="slip_tit fl">
                <h3 class="tit1" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">严格把关产品质量，打造渔网行业品牌标杆！</h3>
                <div class="tit2">
                    <p class="p1" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="400">以质量求生存,靠信誉求发展</p>
                    <p class="tel" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="700"></p>
                </div>
            </div>
            <a class="slip_btn fl" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" title="立即咨询">立即咨询</a></div>
    </div>
    <!--小banner结束-->
    <!--合作案例开始-->
    #category(id=1103)
    <div id="floor_3_main">
        <div class="floor_3 w1200">
            <div class="in_title" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <p class="entit">COOPERATION CASE</p>
                <h3 class="tit">工程案例</h3>
            </div>
            <div class="case clearfix" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <div class="left fl">
                    <ul class="list">
                        #content_list(count=4,categoryId=category.id)
                        #for(content : contents)
                        <li class="it#(for.index+1)"><a href="#(content.path)" title="#(content.title)"><img src="#(content.ico)" alt="#(content.title)"/>
                            <div class="txt">
                                <h3 class="tit">#(content.title)</h3>
                            </div>
                        </a></li>
                        #end
                        #end
                    </ul>
                </div>
                <!--推荐内容开始-->
                <div class="middle fl">
                    <div class="proCase" id="inews">
                        <div class="bd">
                            <ul class="list clearfix">
                                #content_list(count=2,categoryId=category.id)
                                #for(content : contents)
                                <li><a href="#(content.path)" title="#(content.title)"><img src="#(content.ico)" alt="#(content.title)"/>
                                    <div class="txt">
                                        <h3 class="tit">#(content.title)</h3>
                                    </div>
                                </a></li>
                                #end
                                #end
                            </ul>
                        </div>
                        <div class="hd">
                            <ul class="iconList">
                            </ul>
                        </div>
                    </div>
                </div>
                <!--推荐内容结束-->
            </div>
            <a class="look_more" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100" href="#(category.path)" title="查看更多>>">查看更多>></a> </div>
    </div>
    #end
    <!--服务流程开始-->
    <div id="floor_4_main">
        <div class="floor_4 w1200">
            <div class="in_title" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <p class="entit">SERVICE PROCESS</p>
                <h3 class="tit">服务流程</h3>
            </div>
            <div class="serviceList">
                <ul class="list clearfix">
                    <li class="ita1" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="100">
                        <div class="img"><img src="#(tpath)/static/images/s1.png"/></div>
                        <h3 class="tit">产品报价</h3>
                        <div class="num"><img src="#(tpath)/static/images/s01.png"/></div>
                    </li>
                    <li class="ita2" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="200">
                        <div class="img"><img src="#(tpath)/static/images/s2.png"/></div>
                        <h3 class="tit">定金选购</h3>
                        <div class="num"><img src="#(tpath)/static/images/s02.png"/></div>
                    </li>
                    <li class="ita3" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="300">
                        <div class="img"><img src="#(tpath)/static/images/s3.png"/></div>
                        <h3 class="tit">产品确认</h3>
                        <div class="num"><img src="#(tpath)/static/images/s03.png"/></div>
                    </li>
                    <li class="ita4" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="400">
                        <div class="img"><img src="#(tpath)/static/images/s4.png"/></div>
                        <h3 class="tit">产品装车</h3>
                        <div class="num"><img src="#(tpath)/static/images/s04.png"/></div>
                    </li>
                    <li class="ita5" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="500">
                        <div class="img"><img src="#(tpath)/static/images/s5.png"/></div>
                        <h3 class="tit">运输配送</h3>
                        <div class="num"><img src="#(tpath)/static/images/s05.png"/></div>
                    </li>
                    <li class="ita6" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="600">
                        <div class="img"><img src="#(tpath)/static/images/s6.png"/></div>
                        <h3 class="tit">交易付款</h3>
                        <div class="num"><img src="#(tpath)/static/images/s06.png"/></div>
                    </li>
                    <li class="ita7" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="700">
                        <div class="img"><img src="#(tpath)/static/images/s7.png"/></div>
                        <h3 class="tit">售后服务</h3>
                        <div class="num"><img src="#(tpath)/static/images/s07.png"/></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--服务流程结束-->
    <!--小banner开始-->
    <div class="index_slip index_slip1">
        <div class="slip w1200" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
            <div class="slip_tit fl">
                <h3 class="tit1" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">精益制造、精品工程、精心服务为质量方针</h3>
                <div class="tit2">
                    <p class="p1" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="400">以质量求生存,靠信誉求发展</p>
                    <p class="tel" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="700"></p>
                </div>
            </div>
            <a class="slip_btn fl" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" title="立即咨询">立即咨询</a></div>
    </div>
    <!--小banner结束-->
    <!--关于我们开始-->
    #category(id=1100)
    <div id="floor_5_main">
        <div class="floor_5 w1200 clearfix">
            <div class="about clearfix">
                <div class="part1" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="100">
                    <div class="title">
                        <p class="entit">About Us</p>
                        <h3 class="tit">关于我们</h3>
                        <a class="view_detail" href="#(category.path)" title="了解详情>>">了解详情>></a></div>
                    <p class="cont"> #(abbreviate(category.text,100,'...'))</p>
                    <div class="tips">
                        <div class="item">
                            <div class="img"><img src="#(tpath)/static/images/chi.png"/></div>
                            <div class="stit">
                                <h3 class="tit1">专业生产厂家</h3>
                                <p class="cont1">16年生产经验，国外进口设备</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"><img src="#(tpath)/static/images/chi.png"/> </div>
                            <div class="stit">
                                <h3 class="tit1">优质品牌产品</h3>
                                <p class="cont1">产品品质优良，多次荣获省部级名牌</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="part2" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="100">
                    <div class="video"><img src="#(tpath)/static/images/about.jpg"/></div>
                </div>
            </div>
        </div>
    </div>
    #end
    <!--关于我们结束-->
    <!--新闻动态开始-->
    #category(id=1102)
    <div id="floor_6_main">
        <div class="floor_6 w1200">
            <div class="in_title" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <p class="entit">News</p>
                <h3 class="tit">新闻动态</h3>
            </div>
            <div class="inews clearfix">
                <!--推荐内容开始-->
                <div class="proCase fl" id="scroll" aos="fade-right" aos-easing="ease" aos-duration="700" aos-delay="100">
                    <div class="bd">
                        <ul class="list clearfix">
                            #content_list(count=5,categoryId=category.id)
                            #for(content : contents)
                            <li><a href="#(content.path)" title="#(content.title)"><img src="#(content.ico)" alt="#(content.title)"/>
                                <div class="title">
                                    <h3 class="tit" >#(abbreviate(content.text,10,'...'))</h3>
                                    <p class="time">#date(content.publishDate,'yyyy-MM-dd')</p>
                                </div>
                            </a></li>
                            #end
                            #end
                        </ul>
                    </div>
                    <div class="hd">
                        <ul class="iconList">
                        </ul>
                    </div>
                </div>
                <!--推荐内容结束-->
                <div class="textlist fr" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="100">
                    #content_list(count=1,categoryId=category.id,isRecommend="1")
                    #for(content : contents)
                    <!--推荐内容开始-->
                    <div class="one clearfix"> <a href="#(content.path)" title="#(content.title)"><img class="fl" src="#(content.ico)" alt="#(content.title)"/>
                        <div class="txt fl">
                            <h3 class="tit" >#(content.title)</h3>
                            <p class="cont">#(abbreviate(content.text,50,'...'))</p>
                            <p class="time">#date(content.publishDate,'yyyy-MM-dd')</p>
                        </div>
                    </a></div>
                    #end
                    #end

                    <!--推荐内容结束-->
                    <ul class="list">
                        #content_list(count=5,categoryId=category.id)
                        #for(content : contents)
                        <li class="clearfix"><a href="#(content.path)" title="#(content.title)">
                            <h3 class="tit fl" ><em class="icon"></em>#(content.title)</h3>
                            <p class="time fr">#date(content.publishDate,'yyyy-MM-dd')</p>
                        </a></li>
                        #end
                        #end
                    </ul>
                </div>
            </div>
            <a class="look_more" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100" href="#(category.path)" title="查看更多>>">查看更多>></a> </div>
    </div>
    #end
    <!--新闻动态结束-->
    <!-- footer start -->
    #include("footer.html")
    <!-- footer end -->
</body>
</html>